<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html ng-app="LeaderboardApp">
<head>
<meta charset="UTF-8">
<title>Login</title>
<link href="/Leaderboard/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/styles.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/login.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/respond.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/bootstrap.min.js"></script>

<!--[if lt IE 9]><script type="text/javascript" src="/Leaderboard/js/lib/angularjs/html5shiv-printshiv.min.js"></script><![endif]-->
<!--[if lt IE 8]><script type="text/javascript" src="/Leaderboard/js/lib/angularjs/json3.min.js"></script><![endif]-->

<script type="text/javascript" src="/Leaderboard/js/lib/select2.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/angularjs/angularjs-1.2.16.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/controllers.init.js" ></script>
<script type="text/javascript" src="/Leaderboard/js/controllers.admin.js"></script>
<script type="text/javascript" src="/Leaderboard/js/controllers.login.js"></script>

<!--[if lte IE 8]>
<script type="text/javascript">
    $(document).ready(function() {
        angular.bootstrap(document);
    });
</script>
<![endif]-->
</head>
<body>
	<div ng-include="'/Leaderboard/include/header.html'"></div>
	
	<div class="container" ng-controller="loginCtrl">
		<div ng-include="'/Leaderboard/include/messages.html'"></div>
	
		<div class="panel panel-primary login-panel">
			<div class="panel-heading"><h3 class="panel-title">Inicio Sesi&oacute;n</h3></div>
			<form id="loginForm" name="loginForm" class="form-horizontal" role="form">
				<div class="panel-body">
				<div class="form-group">
					<label for="txtUsuario" class="col-sm-3 control-label">Usuario</label>
					<div class="col-sm-8">
						<input id="txtUsuario" name="user" class="form-control" type="text" maxlength="45" width="45" ng-model="loginData.user" autofocus required ng-disabled="loading" />
					</div>
				</div>
				<div class="form-group">
					<label for="txtClave" class="col-sm-3 control-label">Clave</label>
					<div class="col-sm-8">
						<input id="txtClave" name="password" class="form-control" type="password" maxlength="45" width="45" ng-model="loginData.password" required ng-disabled="loading" />
					</div>
				</div>
				</div>
				<div class="panel-footer">
					<button type="reset" class="btn btn-default" ng-disabled="loading">Limpiar</button>
					<button type="submit" class="btn btn-primary" ng-click="login()" ng-disabled="loading || loginForm.$invalid">Iniciar Sesi&oacute;n</button>
				</div>
			</form>
		</div>
	</div>
	
</body>
</html>